.fa-2x { font-size: 2em }
.pull-left { float: left }
 @-webkit-keyframes fa-spin {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
 100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
 @keyframes fa-spin {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
 100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle }
.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center }
.fa-stack-1x { line-height: inherit }
.fa-stack-2x { font-size: 2em }
.fa-inverse { color: #ffffff }
.fa-user:before { content: "\f007" }
.fa-circle:before { content: "\f111" }
.fa-shield:before { content: "\f132" }
.fa-yen:before { content: "\f157" }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
body { margin: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline }
template { display: none }
a { background-color: transparent }
a:active, a:hover { outline: 0 }
b, strong { font-weight: bold }
dfn { font-style: italic }
h1 { font-size: 2em; margin: 0.67em 0 }
mark { background: #ff0; color: #000 }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
img { border: 0 }
figure { margin: 1em 40px }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 }
pre { overflow: auto }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 }
button { overflow: visible }
button, select { text-transform: none }
button { -webkit-appearance: button; cursor: pointer }
 button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input { line-height: normal }
 input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height:auto
}
 input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em }
legend { border: 0; padding: 0 }
textarea { overflow: auto }
optgroup { font-weight: bold }
table { border-collapse: collapse; border-spacing: 0 }
td, th { padding: 0 }
@font-face { font-family: 'Glyphicons Halflings'; src: url('../other/glyphicons-halflings-regular.eot'); src: url('../other/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../other/glyphicons-halflings-regular.woff') format('woff'), url('../other/glyphicons-halflings-regular.ttf') format('truetype'), url('../other/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg') }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
html { font-size: 10px; -webkit-tap-highlight-color: rgba(0,0,0,0) }
body { font-family: "\5FAE\8F6F\96C5\9ED1", "Hiragino Sans GB"; font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #ffffff }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit }
a { color: #db4a39; text-decoration: none }
a:hover, a:focus { color: #0077a3; text-decoration: underline }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
figure { margin: 0 }
img { vertical-align: middle }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee }
h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit }
h1, h2, h3 { margin-top: 20px; margin-bottom: 10px }
h4, h5, h6 { margin-top: 10px; margin-bottom: 10px }
h1 { font-size: 36px }
h2 { font-size: 30px }
h3 { font-size: 24px }
h4 { font-size: 18px }
h5 { font-size: 14px }
h6 { font-size: 12px }
p { margin: 0 0 10px }
small { font-size: 85% }
mark { background-color: #fcf8e3; padding: .2em }
.text-success { color: #42c68d }
ul, ol { margin-top: 0; margin-bottom: 10px }
dl { margin-top: 0; margin-bottom: 20px }
dt, dd { line-height: 1.42857143 }
dt { font-weight: bold }
dd { margin-left: 0 }

@media (min-width:768px) {
}
blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee }
address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143 }
code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace }
code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px }
kbd { padding: 2px 4px; font-size: 90%; color: #ffffff; background-color: #333333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25) }
pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f5f5f5; border: 1px solid #cccccc; border-radius: 4px }
.container { margin-right: auto; margin-left: auto; padding-left: 5px; padding-right: 5px }

@media (min-width:768px) {
.container { width: 730px }
}

@media (min-width:992px) {
.container { width: 950px }
}

@media (min-width:1200px) {
.container { width: 1150px }
}
.col-xs-1, .col-xs-11 { position: relative; min-height: 1px; padding-left: 5px; padding-right: 5px }
.col-xs-1, .col-xs-11 { float: left }
.col-xs-11 { width: 88.66666667% }
.col-xs-1 { width: 8.33333333% }

@media (min-width:768px) {
}

@media (min-width:992px) {
}

@media (min-width:1200px) {
}
table { background-color: transparent }
caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left }
th { text-align: left }

@media screen and (max-width:767px) {
}
fieldset { padding: 0; margin: 0; border: 0; min-width: 0 }
legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5 }
label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold }
output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555555 }
 .form-control:-ms-input-placeholder {
color:#999999
}
 .form-control::-webkit-input-placeholder {
color:#999999
}
 _:-ms-fullscreen, :root input[type="date"], _:-ms-fullscreen, :root input[type="time"], _:-ms-fullscreen, :root input[type="datetime-local"], _:-ms-fullscreen, :root input[type="month"] {
line-height:1.42857143
}
 _:-ms-fullscreen.input-sm, :root input[type="date"].input-sm, _:-ms-fullscreen.input-sm, :root input[type="time"].input-sm, _:-ms-fullscreen.input-sm, :root input[type="datetime-local"].input-sm, _:-ms-fullscreen.input-sm, :root input[type="month"].input-sm {
line-height:1.5
}
 _:-ms-fullscreen.input-lg, :root input[type="date"].input-lg, _:-ms-fullscreen.input-lg, :root input[type="time"].input-lg, _:-ms-fullscreen.input-lg, :root input[type="datetime-local"].input-lg, _:-ms-fullscreen.input-lg, :root input[type="month"].input-lg {
line-height:1.33
}

@media (min-width:768px) {
}
.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none !important; border: 1px solid transparent; white-space: nowrap; padding: 6px 16px !important; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.btn:focus, .btn:active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
.btn:hover, .btn:focus { color: #333333; text-decoration: none }
.btn:active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); box-shadow: inset 0 3px 5px rgba(0,0,0,0.125) }
.btn-default { color: #333333; background-color: #fafafa; border-color: #cccccc }
.btn-default:hover, .btn-default:focus, .btn-default:active { color: #333333; background-color: #e6e6e6; border-color: #adadad }
.btn-default:active { background-image: none }
.btn-primary { color: #ffffff; background-color: #db4a39; border-color: #db4a39; border-radius: 0 }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { color: #ffffff; background-color: #db4a39; border-color: #db4a39 }
.btn-primary:active { background-image: none }
.btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5 !important; border-radius: 3px; margin-left: 10px }
.btn-block { display: block; width: 100% }
.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0,0,0,0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175); -moz-box-shadow: 0 6px 12px rgba(0,0,0,0.175); box-shadow: 0 6px 12px rgba(0,0,0,0.175); background-clip: padding-box }
.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5 }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #db4a39 }

@media (min-width:768px) {
}

@media (min-width:768px) {
}

@media (min-width:768px) {
}

@media (min-width:768px) {
}

@media (min-width:768px) {
}

@media (min-width:10px) {
}

@media (max-width:767px) {
}

@media (min-width:768px) {
}

@media (max-width:767px) {
}

@media (min-width:768px) {
}

@media (max-width:767px) {
}

@media (max-width:767px) {
}
.breadcrumb { padding: 8px 0px; margin-bottom: 20px; list-style: none; border-radius: 4px }
.breadcrumb > li { display: inline-block }
.breadcrumb > li + li:before { content: "/\00a0"; padding: 0 5px; color: #cccccc }
.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px }
.pagination > li { display: inline }
.pagination > li > a { position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; margin-left: -1px }
.pagination > li:last-child > a { border-bottom-right-radius: 4px; border-top-right-radius: 4px }
.pagination > li > a:hover, .pagination > li > a:focus { color: #0077a3; background-color: #eeeeee; border-color: #dddddd }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus { z-index: 2; color: #ffffff; background-color: #ff3c3c; border-color: #db4a39; cursor: default }
.pagination-sm > li > a { padding: 5px 10px; font-size: 12px; margin-right: 15px }
.pagination-sm > li:last-child > a { border-bottom-right-radius: 3px; border-top-right-radius: 3px }

@media screen and (min-width:768px) {
}
 @-webkit-keyframes progress-bar-stripes {
from {
background-position:40px 0
}
 to {
background-position:0 0
}
}
 @keyframes progress-bar-stripes {
from {
background-position:40px 0
}
 to {
background-position:0 0
}
}

@media (min-width:768px) {
}

@media all and (transform-3d), (-webkit-transform-3d) {
}

@media screen and (min-width:768px) {
}
.clearfix:before, .clearfix:after, .container:before, .container:after { content: ""; display: table }
.clearfix:after, .container:after { clear: both }
.pull-left { float: left !important }
.hidden { display: none !important; visibility: hidden !important }
 @-ms-viewport {
width:device-width
}

@media (max-width:767px) {
}

@media (min-width:768px) and (max-width:991px) {
}

@media (min-width:992px) and (max-width:1199px) {
}

@media (min-width:1200px) {
}

@media print {
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0 }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: text-top }
:root sub { vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: 0 }
.hidden { display: none !important; visibility: hidden }
.col-xs-11 { position: relative; min-height: 1px; padding-left: 5px; padding-right: 5px }
.col-xs-11 { float: left }
.col3 { display: inline; float: left; width: 33.33333333% }
.list { border: 1px solid #ccc }
.list dt { text-align: center; font-weight: bold; background: #71829E; color: #fff; line-height: 30px }
.list dd { clear: both; padding: 10px }
.list li { display: inline; float: left; width: 10% }
.list li.wn { width: 24%; overflow: hidden; white-space: nowrap }
.list li.w15 { width: 15%; overflow: hidden }
.list li.w3 { width: 26%; overflow: hidden }
body { -webkit-font-smoothing: antialiased }
.container { padding-left: 0; padding-right: 0; max-width: none !important; width: 950px }
h1, h2, h3, h4, h5, h6 { font-weight: bold }
a:hover img { opacity: 0.8; filter: alpha(opacity=80) }
textarea { resize: vertical }
.min-title { font-size: 14px; line-height: 35px; color: #333333 }
.money { color: #ff6600; display: inline-block }
.marked { display: inline-block; font-size: 12px; border: 1px solid #eeeeee; padding: 0 5px; line-height: 18px }
.marked.marked-shop { border-color: #db4a39; color: #db4a39 }
.marked.marked-tags { background: #eeeeee; border-color: #eeeeee; color: #333333 }
.for-city { width: 240px }
.for-city li { float: left; display: inline; margin-bottom: 5px }
.for-city li a { clear: none; font-size: 12px; padding-left: 10px; padding-right: 10px }
.pagination a { color: #333333 }
#tasklist { background: #ffffff }
.bread-nav { margin-bottom: 10px }
.bread-nav:before, .bread-nav:after { content: ""; display: table }
.bread-nav:after { clear: both }
.bread-nav:before, .bread-nav:after { content: ""; display: table }
.bread-nav:after { clear: both }
.bread-nav .breadcrumb { font-size: 12px; margin-bottom: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box }
.list-filter { background: #fff; border: none; line-height: 22px; margin-bottom: 0 }
.list-filter:before, .list-filter:after { content: ""; display: table }
.list-filter:after { clear: both }
.list-filter:before, .list-filter:after { content: ""; display: table }
.list-filter:after { clear: both }
.list-filter > li { display: list-item; padding: 12px 0; border-top: dashed 1px #e3e3e3 }
.list-filter > li:first-child { display: list-item; padding: 15px 0; border-top: none }
.list-filter > li:before, .list-filter > li:after { content: ""; display: table }
.list-filter > li:after { clear: both }
.list-filter > li:before, .list-filter > li:after { content: ""; display: table }
.list-filter > li:after { clear: both }
.list-filter label { font-weight: normal; text-align: center; font-weight: bold }
.list-filter .condition a { display: inline-block; color: #333333; margin-right: 10px; white-space: nowrap; padding: 0 8px; border: 1px solid #fff; font-size: 12px; text-decoration: none }
.list-filter .condition a:hover { background: #eeeeee }
.list-filter .condition a.selected { color: #fff; font-weight: normal; background: #ff3c3c; border-color: #ff3c3c }
.tool-bar { font-size: 12px; padding: 0px 10px; background: #fff; margin-bottom: 18px; border-top: solid 1px #e3e3e3; padding-top: 26px }
.tool-bar:before, .tool-bar:after { content: ""; display: table }
.tool-bar:after { clear: both }
.tool-bar:before, .tool-bar:after { content: ""; display: table }
.tool-bar:after { clear: both }
.tool-bar .actions-body { background: #fafafa; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; width: 100% }
.tool-bar .actions { float: left; display: inline; position: relative; margin-right: 10px; color: #666666; padding: 3px 0px }
.tool-bar .actions:last-child { margin-right: 0 }
.tool-bar a.tool-bar-item { display: inline-block; width: 5.3em; height: 27px; line-height: 27px; text-align: left; color: #545454; white-space: nowrap; padding: 0; margin-right: 0; background: none; border-right: 1px dashed #eeeeee; text-decoration: none; text-align: center }
.tool-bar .actions a.tool-bar-item { }
.tool-bar a.tool-bar-item:hover { background: none }
.box-header { border: 1px solid #fff; background: #fff; height: 35px; margin-bottom: -1px }
.box-header:before, .box-header:after { content: ""; display: table }
.box-header:after { clear: both }
.box-header:before, .box-header:after { content: ""; display: table }
.box-header:after { clear: both }
.box-header > .min-title { margin-left: 10px; border-left: none; padding-left: 5px; line-height: 15px; margin-top: 8px; color: #636363 }
.box-body { background: #ffffff; border: 1px solid #fff; overflow: hidden }
.box-body:before, .box-body:after { content: ""; display: table }
.box-body:after { clear: both }
.box-body:before, .box-body:after { content: ""; display: table }
.box-body:after { clear: both }
#side .box-body { margin-bottom: 10px }
.record-list { padding: 0 10px; position: relative; height: 2000% }
.record-list > li { border-top: 1px dashed #cccccc; padding: 10px 0; font-size: 12px; line-height: 20px }
.record-list > li:first-child { border-top: none }
.record-list > li:before, .record-list > li:after { content: ""; display: table }
.record-list > li:after { clear: both }
.record-list > li:before, .record-list > li:after { content: ""; display: table }
.record-list > li:after { clear: both }
.record-list.img .avatar { float: left; display: inline; margin-right: 10px }
.record-list.img .avatar > img { width: 50px; height: 50px }
.record-list.img .avatar-detail { overflow: hidden }
.record-list.img .record-list-title { margin-bottom: 2px }
.record-list.img .avatar-detail p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.record-list time { float: right; color: #6b6b6b }
.record-list-title { margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.record-list-title:before, .record-list-title:after { content: ""; display: table }
.record-list-title:after { clear: both }
.record-list-title:before, .record-list-title:after { content: ""; display: table }
.record-list-title:after { clear: both }
.record-list-title > a { color: #6b6b6b; text-decoration: none }
.record-list-title > a:hover { color: #db4a39 }
.record-list-meta { margin-bottom: 4px; color: #b1b1b1 }
.record-list-meta > span { color: #ff6600 }
.list-page { background: #efefef; padding-bottom: 49px; padding-top: 31px; text-align: center }
.list { border: none }
.list.list-dl { padding: 0px 10px }
.list .list-body { background: #ffffff }
.list .list-body:before, .list .list-body:after { content: ""; display: table }
.list .list-body:after { clear: both }
.list .list-body:before, .list .list-body:after { content: ""; display: table }
.list .list-body:after { clear: both }
.list .list-label { background: #fafafa; line-height: 42px; border: none; margin-bottom: -1px; color: #545454; text-align: left; padding-left: 20px }
.list .list-label:before, .list .list-label:after { content: ""; display: table }
.list .list-label:after { clear: both }
.list .list-label:before, .list .list-label:after { content: ""; display: table }
.list .list-label:after { clear: both }
.list .list-item { border: none; border-bottom: dashed 1px #ccc; padding: 10px 0 10px 20px; margin-bottom: 0; color: #666666; font-size: 14px; line-height: 20px }
.list .list-item:last-child { border-bottom: none }
.list .list-item:hover { background: #fff }
.list .list-item-body { display: block }
.list .list-item-body .first-div { margin-top: 27px; margin-bottom: 18px }
.list .list-item-body .cash { color: #ff3c3c; font-size: 16px; font-family: "Arial"; font-weight: bold }
.list .list-item-body .cash sub { font-family: "Adobe 裇"; font-size: 18px }
.list .list-item-body:before, .list .list-item-body:after { content: ""; display: table }
.list .list-item-body:after { clear: both }
.list .list-item-body:before, .list .list-item-body:after { content: ""; display: table }
.list .list-item-body:after { clear: both }
.list .list-title { color: #025db7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; font-weight: bold; width: 100%; display: block; font-size: 14px }
.list .list-title:hover { color: #db4a39 }
.list-page:before, .list-page:after { content: ""; display: table }
.list-page:after { clear: both }
.list-page:before, .list-page:after { content: ""; display: table }
.list-page:after { clear: both }
.list-page .page-tips { font-size: 12px; color: #666666; line-height: 30px; margin-right: 21px }
.list-page .pagination { margin-top: 0 }
.step { font-size: 12px; padding-bottom: 10px; padding-left: 0 }
.step:before, .step:after { content: ""; display: table }
.step:after { clear: both }
.step:before, .step:after { content: ""; display: table }
.step:after { clear: both }
.site-security { text-align: center }
.site-security .min-title { margin-bottom: 10px; font-size: 16px; font-weight: normal }
.site-security ul { display: block; overflow: hidden; margin-bottom: 10px }
.site-security ul > li + li:before { content: " "; display: block; float: left; height: 50px; width: 0; overflow: hidden; border-left: none }
.site-security ul > li p { font-size: 12px; color: #666666 }
#tasklist .case-btn { padding: 10px 15px; text-align: center }
#tasklist .case-btn a { margin-bottom: 5px }
#tasklist .case-btn .case-btn-title { color: #666666; font-size: 14px; margin-bottom: 15px }
#tasklist .case-btn .case-btn-text { color: #666666; font-size: 12px; margin-bottom: 10px }
#main { display: inline; float: left; width: 919px; margin-top: 25px; background: #ffffff }
#side { display: inline; float: left; width: 230px; margin: 0 5px; display: none }
#side img { max-width: 100% }
 @-webkit-keyframes flashing {
0% {
opacity:0
}
 100% {
opacity:1.0
}
}
 @-moz-keyframes flashing {
0% {
opacity:0
}
 100% {
opacity:1.0
}
}
 @-o-keyframes flashing {
0% {
opacity:0
}
 100% {
opacity:1.0
}
}
 @keyframes flashing {
0% {
opacity:0
}
 100% {
opacity:1.0
}
}
}
 */ .category-list .category-item {
margin:10px
}
}
.release-form form { padding: 20px }
 @charset "utf-8";
.top { position: relative; margin: 0; padding: 5px 0 0 0; height: 41px; background: #f4f4f4; border-bottom: 1px solid #ddd }
.container { position: relative; margin: 0 auto; width: 1200px; clear: both; display: table }
button { border: none }
 @charset "utf-8";
*html { background-image: url(../css/.cn/tpl/default/css-google/about:blank); background-attachment: fixed }
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0 }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { display: block }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left; font-weight: normal }
html, body, fieldset, img, iframe, abbr { border: 0 }
i, cite, em, var, address, dfn { font-style: normal }
summary { outline: 0 }
li { list-style: none }
img { vertical-align: middle }
pre, code, kbd, samp { font-family: inherit }
q:before, q:after { content: none }
textarea { overflow: auto; resize: none }
label, summary { cursor: default }
a, button { cursor: pointer }
del, ins, u, s, a, a:hover { text-decoration: none }
body, textarea, input, button, select, keygen, legend { font-family: "Microsoft YaHei", 畂叛, arial; font-size: 14px; outline: 0 }
body { background: #fff; font-family: "Microsoft YaHei", 畂叛, arial; font-size: 14px }
a { text-decoration: none; color: #333 }
a:hover { color: #eb2626 }
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:#ccc
}
 input:-moz-placeholder, textarea:-moz-placeholder {
color:#ccc
}
 input::-moz-placeholder, textarea::-moz-placeholder {
color:#ccc
}
 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#ccc
}
*:focus { outline: none }
body { font-size: 12px; background-color: #f5f5f5 }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { zoom: 1 }
ul, li { list-style: none }
img { border: 0 }
.body-content { width: 100%; background: #f5f5f5 }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: "" }
.clearfix { clear: both }
.col-sm { float: left }
.c3 { color: #ff3c3c }
.c9 { color: #999999 }
.container .right-box { width: 258px; height: 350px; float: right; background-color: #FFF; border: 1px solid #e9e9e9; margin-top: 25px }
.container .right-box .right-xuan { width: 100%; height: 32px; background-color: #f2f2f2; overflow: hidden }
.right-box .right-xuan li { float: left; width: 85px; height: 32px; background-color: #f2f2f2; border-bottom: 1px solid #e9e9e9; line-height: 32px; text-align: center; cursor: pointer }
.right-box .right-xuan .currentLi { float: left; width: 86px; height: 32px; background-color: #ff3c3c; border-bottom: 1px solid #e9e9e9; color: #FFF }
.right-box .right-xuan li:hover { float: left; width: 85px; height: 32px; background-color: #F00; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9 }
.right-box .step { margin: 18px auto; width: 210px }
.right-box .step span { display: block; margin-left: 50px; margin-top: 16px }
.sort-asc { height: 11px; width: 7px; background: url(../images/beijing.png) -8px -30px no-repeat; display: inline-block; margin-left: 5px }
#bdshare a, #bdshare .bds_more { height: 32px; background-image: none !important; margin-left: 10px; background-color: #fafafa !important }
#bdshare a, #bdshare .bds_more:hover { background-color: #e6e6e6 !important }
.sweet-overlay { background-color: rgba(0,0,0,0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 1000 }
.sweet-alert { background-color: white; font-family: 'Open Sans', sans-serif; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 2000 }

@media all and (max-width:540px) {
.sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px }
}
.sweet-alert h2 { color: #575757; font-size: 30px; text-align: center; font-weight: 600; text-transform: none; position: relative; margin: 25px 0; padding: 0; line-height: 30px; display: block }
.sweet-alert p { color: #797979; font-size: 16px; text-align: center; font-weight: 300; position: relative; margin: 0; padding: 0; word-break: normal !important; word-wrap: break-word !important; line-height: normal }
.sweet-alert button { background-color: #AEDEF4; color: white; border: none; box-shadow: none; font-size: 17px; font-weight: 500; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0 5px; cursor: pointer }
.sweet-alert button:focus { outline: none; box-shadow: 0 0 2px rgba(128,179,235,0.5), inset 0 0 0 1px rgba(0,0,0,0.05) }
.sweet-alert button:hover { background-color: #a1d9f2 }
.sweet-alert button:active { background-color: #81ccee }
.sweet-alert button.cancel { background-color: #D0D0D0 }
.sweet-alert button.cancel:hover { background-color: #c8c8c8 }
.sweet-alert button.cancel:active { background-color: #b6b6b6 }
.sweet-alert button.cancel:focus { box-shadow: rgba(197,205,211,0.8) 0px 0px 2px, rgba(0,0,0,0.0470588) 0px 0px 0px 1px inset !important }
 .sweet-alert button::-moz-focus-inner {
border:0
}
.sweet-alert[data-has-cancel-button=false] button { box-shadow: none !important }
.sweet-alert .icon { width: 80px; height: 80px; border: 4px solid gray; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: content-box }
.sweet-alert .icon.error { border-color: #F27474 }
.sweet-alert .icon.error .x-mark { position: relative; display: block }
.sweet-alert .icon.error .line { position: absolute; height: 5px; width: 47px; background-color: #F27474; display: block; top: 37px; border-radius: 2px }
.sweet-alert .icon.error .line.left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px }
.sweet-alert .icon.error .line.right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px }
.sweet-alert .icon.warning { border-color: #F8BB86 }
.sweet-alert .icon.warning .body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; border-radius: 2px; margin-left: -2px; background-color: #F8BB86 }
.sweet-alert .icon.warning .dot { position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #F8BB86 }
.sweet-alert .icon.info { border-color: #C9DAE1 }
.sweet-alert .icon.info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #C9DAE1 }
.sweet-alert .icon.info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #C9DAE1 }
.sweet-alert .icon.success { border-color: #A5DC86 }
.sweet-alert .icon.success::before, .sweet-alert .icon.success::after { content: ''; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: white; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.sweet-alert .icon.success::before { border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px }
.sweet-alert .icon.success::after { border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; transform-origin: 0px 60px }
.sweet-alert .icon.success .placeholder { width: 80px; height: 80px; border: 4px solid rgba(165,220,134,0.2); border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2 }
.sweet-alert .icon.success .fix { width: 5px; height: 90px; background-color: white; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.sweet-alert .icon.success .line { height: 5px; background-color: #A5DC86; display: block; border-radius: 2px; position: absolute; z-index: 2 }
.sweet-alert .icon.success .line.tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.sweet-alert .icon.success .line.long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.sweet-alert .icon.custom { background-size: contain; border-radius: 0; border: none; background-position: center center; background-repeat: no-repeat }
 @-webkit-keyframes showSweetAlert {
0% {
transform:scale(0.7);
-webkit-transform:scale(0.7)
}
 45% {
transform:scale(1.05);
-webkit-transform:scale(1.05)
}
 80% {
transform:scale(0.95);
-webkit-tranform:scale(0.95)
}
 100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
 @-moz-keyframes showSweetAlert {
0% {
transform:scale(0.7);
-webkit-transform:scale(0.7)
}
 45% {
transform:scale(1.05);
-webkit-transform:scale(1.05)
}
 80% {
transform:scale(0.95);
-webkit-tranform:scale(0.95)
}
 100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
 @keyframes showSweetAlert {
0% {
transform:scale(0.7);
-webkit-transform:scale(0.7)
}
 45% {
transform:scale(1.05);
-webkit-transform:scale(1.05)
}
 80% {
transform:scale(0.95);
-webkit-tranform:scale(0.95)
}
 100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
 @-webkit-keyframes hideSweetAlert {
0% {
transform:scale(1);
-webkit-transform:scale(1)
}
 100% {
transform:scale(0.5);
-webkit-transform:scale(0.5)
}
}
 @-moz-keyframes hideSweetAlert {
0% {
transform:scale(1);
-webkit-transform:scale(1)
}
 100% {
transform:scale(0.5);
-webkit-transform:scale(0.5)
}
}
 @keyframes hideSweetAlert {
0% {
transform:scale(1);
-webkit-transform:scale(1)
}
 100% {
transform:scale(0.5);
-webkit-transform:scale(0.5)
}
}
.showSweetAlert { -webkit-animation: showSweetAlert 0.3s; -moz-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s }
.hideSweetAlert { -webkit-animation: hideSweetAlert 0.2s; -moz-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s }
 @-webkit-keyframes animateSuccessTip {
0% {
width:0;
left:1px;
top:19px
}
 54% {
width:0;
left:1px;
top:19px
}
 70% {
width:50px;
left:-8px;
top:37px
}
 84% {
width:17px;
left:21px;
top:48px
}
 100% {
width:25px;
left:14px;
top:45px
}
}
 @-moz-keyframes animateSuccessTip {
0% {
width:0;
left:1px;
top:19px
}
 54% {
width:0;
left:1px;
top:19px
}
 70% {
width:50px;
left:-8px;
top:37px
}
 84% {
width:17px;
left:21px;
top:48px
}
 100% {
width:25px;
left:14px;
top:45px
}
}
 @keyframes animateSuccessTip {
0% {
width:0;
left:1px;
top:19px
}
 54% {
width:0;
left:1px;
top:19px
}
 70% {
width:50px;
left:-8px;
top:37px
}
 84% {
width:17px;
left:21px;
top:48px
}
 100% {
width:25px;
left:14px;
top:45px
}
}
 @-webkit-keyframes animateSuccessLong {
0% {
width:0;
right:46px;
top:54px
}
 65% {
width:0;
right:46px;
top:54px
}
 84% {
width:55px;
right:0px;
top:35px
}
 100% {
width:47px;
right:8px;
top:38px
}
}
 @-moz-keyframes animateSuccessLong {
0% {
width:0;
right:46px;
top:54px
}
 65% {
width:0;
right:46px;
top:54px
}
 84% {
width:55px;
right:0px;
top:35px
}
 100% {
width:47px;
right:8px;
top:38px
}
}
 @keyframes animateSuccessLong {
0% {
width:0;
right:46px;
top:54px
}
 65% {
width:0;
right:46px;
top:54px
}
 84% {
width:55px;
right:0px;
top:35px
}
 100% {
width:47px;
right:8px;
top:38px
}
}
 @-webkit-keyframes rotatePlaceholder {
0% {
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg)
}
 5% {
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg)
}
 12% {
transform:rotate(-405deg);
-webkit-transform:rotate(-405deg)
}
 100% {
transform:rotate(-405deg);
-webkit-transform:rotate(-405deg)
}
}
 @-moz-keyframes rotatePlaceholder {
0% {
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg)
}
 5% {
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg)
}
 12% {
transform:rotate(-405deg);
-webkit-transform:rotate(-405deg)
}
 100% {
transform:rotate(-405deg);
-webkit-transform:rotate(-405deg)
}
}
 @keyframes rotatePlaceholder {
0% {
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg)
}
 5% {
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg)
}
 12% {
transform:rotate(-405deg);
-webkit-transform:rotate(-405deg)
}
 100% {
transform:rotate(-405deg);
-webkit-transform:rotate(-405deg)
}
}
.animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; -moz-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s }
.animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; -moz-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s }
.icon.success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; -moz-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in }
 @-webkit-keyframes animateErrorIcon {
0% {
transform:rotateX(100deg);
-webkit-transform:rotateX(100deg);
opacity:0
}
 100% {
transform:rotateX(0deg);
-webkit-transform:rotateX(0deg);
opacity:1
}
}
 @-moz-keyframes animateErrorIcon {
0% {
transform:rotateX(100deg);
-webkit-transform:rotateX(100deg);
opacity:0
}
 100% {
transform:rotateX(0deg);
-webkit-transform:rotateX(0deg);
opacity:1
}
}
 @keyframes animateErrorIcon {
0% {
transform:rotateX(100deg);
-webkit-transform:rotateX(100deg);
opacity:0
}
 100% {
transform:rotateX(0deg);
-webkit-transform:rotateX(0deg);
opacity:1
}
}
.animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; -moz-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s }
 @-webkit-keyframes animateXMark {
0% {
transform:scale(0.4);
-webkit-transform:scale(0.4);
margin-top:26px;
opacity:0
}
 50% {
transform:scale(0.4);
-webkit-transform:scale(0.4);
margin-top:26px;
opacity:0
}
 80% {
transform:scale(1.15);
-webkit-transform:scale(1.15);
margin-top:-6px
}
 100% {
transform:scale(1);
-webkit-transform:scale(1);
margin-top:0;
opacity:1
}
}
 @-moz-keyframes animateXMark {
0% {
transform:scale(0.4);
-webkit-transform:scale(0.4);
margin-top:26px;
opacity:0
}
 50% {
transform:scale(0.4);
-webkit-transform:scale(0.4);
margin-top:26px;
opacity:0
}
 80% {
transform:scale(1.15);
-webkit-transform:scale(1.15);
margin-top:-6px
}
 100% {
transform:scale(1);
-webkit-transform:scale(1);
margin-top:0;
opacity:1
}
}
 @keyframes animateXMark {
0% {
transform:scale(0.4);
-webkit-transform:scale(0.4);
margin-top:26px;
opacity:0
}
 50% {
transform:scale(0.4);
-webkit-transform:scale(0.4);
margin-top:26px;
opacity:0
}
 80% {
transform:scale(1.15);
-webkit-transform:scale(1.15);
margin-top:-6px
}
 100% {
transform:scale(1);
-webkit-transform:scale(1);
margin-top:0;
opacity:1
}
}
.animateXMark { -webkit-animation: animateXMark 0.5s; -moz-animation: animateXMark 0.5s; animation: animateXMark 0.5s }
 @-webkit-keyframes pulseWarning {
0% {
border-color:#F8D486
}
 100% {
border-color:#F8BB86
}
}
 @-moz-keyframes pulseWarning {
0% {
border-color:#F8D486
}
 100% {
border-color:#F8BB86
}
}
 @keyframes pulseWarning {
0% {
border-color:#F8D486
}
 100% {
border-color:#F8BB86
}
}
.pulseWarning { -webkit-animation: pulseWarning 0.75s infinite alternate; -moz-animation: pulseWarning 0.75s infinite alternate; animation: pulseWarning 0.75s infinite alternate }
 @-webkit-keyframes pulseWarningIns {
0% {
background-color:#F8D486
}
 100% {
background-color:#F8BB86
}
}
 @-moz-keyframes pulseWarningIns {
0% {
background-color:#F8D486
}
 100% {
background-color:#F8BB86
}
}
 @keyframes pulseWarningIns {
0% {
background-color:#F8D486
}
 100% {
background-color:#F8BB86
}
}
.pulseWarningIns { -webkit-animation: pulseWarningIns 0.75s infinite alternate; -moz-animation: pulseWarningIns 0.75s infinite alternate; animation: pulseWarningIns 0.75s infinite alternate }
.nav-bread { padding: 10px 0 0 0; margin: 0; height: 40px; line-height: 28px }
.breadcrumb > li:nth-child(2)::before { margin: 0 5px; vertical-align: -4px; content: ''; width: 16px; height: 16px; display: inline-block; background: url(../images/v3icon.png) 0 0 no-repeat }
.breadcrumb > li + li + li::before { content: '>'; font-size: 16px }
.breadcrumb > li > a.active-del { padding: 0px 20px 0 15px; display: inline-block; border: 1px dashed #e1e1e1; position: relative; height: 30px; line-height: 30px; color: #333; background-color: #fff }
.breadcrumb > li > a.active-del b { position: absolute; right: 3px; top: 10px; display: inline-block; width: 12px; height: 12px; background: url(../images/v3icon.png) 0 -21px no-repeat }
a:focus { outline: none }
.actions-body { border-top: 1px solid #333333 }
.tool-bar .actions { padding: 0; margin: 0 }
.tool-bar .actions-body .actions a.tool-bar-item { float: left; margin: 0 0 -1px 0; width: auto; height: 37px; padding: 0 20px; line-height: 36px; border-right-style: solid; border-left: none }
.tool-bar a.tool-bar-item:hover, .tool-bar a.tool-bar-item.selected { margin: 0 0 -1px 0; height: 37px; background-color: #333333; color: #fff; border-left: 1px solid #333333; border-bottom: 1px solid #333333 }
.tool-bar a.tool-bar-item .sort-desc, .tool-bar a.tool-bar-item .sort-asc { vertical-align: -2px; width: 12px; height: 13px; background: url(../images/v3icon.png) 0 -37px no-repeat }
.tool-bar a.tool-bar-item .sort-asc { background: url(../images/v3icon.png) 0 -52px no-repeat }
.tool-bar a.tool-bar-item:hover .sort-asc, .tool-bar a.tool-bar-item.selected .sort-asc { background: url(../images/v3icon.png) 0 -67px no-repeat }
.tool-bar a.tool-bar-item:hover .sort-desc, .tool-bar a.selected .sort-desc { background: url(../images/v3icon.png) 0 -83px no-repeat }
.productshoping { width: auto; height: auto; padding: 5px 0; background-color: #fafafa }
.productshoping a, .productshoping span { color: #ff0000; text-align: left }
.productshoping span { display: inline-block; width: 106px; line-height: 30px }
.s-name { display: block; height: 44px; width: 100%; overflow: hidden; text-overflow: ellipsis; line-height: 22px; font-size: 12px; color: #0066cc }
.productprcive { height: auto; padding: 5px 16px 0 16px }
.s-list { width: 100% }
.product-group .product { margin: 10px }
.product-iWrap { width: 220px }
.productaddress { padding: 0 16px 5px 16px; width: 100%; overflow: hidden }
.productaddress em { padding: 0 }
.productprcive span.tubtn { right: 16px }
.productshoping a { border: 0 }
.productaddress em { height: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.img-item { position: relative; overflow: visible; display: inline-block; width: 38px; height: 38px; border: 1px solid #fff }
.product-iWrap .productThumb span img { height: 36px; width: 36px }
.img-item:hover, .img-item.active { width: 38px; height: 38px; border: 1px solid #ff0000 }
.img-item:hover em, .img-item.active em { position: absolute; left: 12px; top: -4px; display: inline-block; width: 0; height: 0; border-right: 4px solid transparent; border-left: 5px solid transparent; border-bottom: 4px solid #ff0000 }
.product-iWrap .productThumb { padding-top: 10px }
.product-iWrap .productThumb span { overflow: visible; margin: 0 2px }
.product-iWrap .productThumb { padding: 5px 0 5px 4px; height: auto; background-color: #fafafa; overflow: hidden }
.pagination-sm > li > a, .pagination-sm > li > span { margin-right: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
.fw-rl { position: fixed; top: 220px; right: 5px; width: 170px; max-height: 500px; overflow-y: auto; background-color: #fff }
.fw-rl span.fw-warn { display: block; border: 1px solid #ffcaae; line-height: 38px; text-align: center }
.fw-rl span.fw-warn b { display: inline-block; width: 16px; height: 16px; background: url(../images/beijing.png)-40px -12px no-repeat; margin: 0px 5px }
.fw-box { padding: 0 0 10px 0; overflow: hidden }
.fw-box h2 { width: 100%; display: inline-block; height: 40px; background: #42c68d; color: #fff; line-height: 40px; font-weight: normal; font-size: 14px; padding: 0px 10px; vertical-align: text-bottom; overflow: hidden }
.fw-box h2 span { display: inline-block; padding: 0; width: 75%; height: 40px; overflow: hidden; font-size: 12px; color: #fff }
.fw-box h2 b { display: inline-block; margin-right: 10px; width: 14px; height: 14px; background: url(../images/beijing.png)-41px -71px no-repeat; float: right; vertical-align: text-bottom; margin-top: 12px; cursor: pointer }
.fw-box p { display: inline-block; padding: 10px; max-height: 54px; overflow: hidden; line-height: 22px; overflow: hidden; text-overflow: ellipsis }
.fw-box span { display: inline-block; color: #ff3c3c; font-size: 16px; padding-left: 10px }
.shp-nav { width: 100%; height: 42px; background-color: #494949 }
.ser-unit, .fw-box span.ser-unit { display: inline-block; padding: 0; line-height: 24px; color: #666; font-size: 12px }
.ser-unit::before { content: '/' }
.taskt { width: 100%; height: 42px; line-height: 42px; font-size: 14px; font-weight: bold; text-indent: 20px }
.container .right-box { margin-top: 25px }
.right-box .right-xuan .currentLi { position: relative }
.right-box .right-xuan .currentLi::before { content: ''; position: absolute; left: 36px; top: 27px; display: inline-block; width: 0; height: 0; border-right: 6px solid transparent; border-bottom: 5px solid #fff; border-left: 5px solid transparent }
.shp-open-in { position: relative; padding: 0 15px; width: 230px; height: 304px; background-color: #fff }
.shp-open-in-l { float: left; margin: 20px 25px 0 0; width: 25px; height: 240px; color: #cccccc; border-right: 1px solid #f5f5f5 }
.shp-open-in-r { float: left; width: 150px; color: #666666 }
.shp-open-in-r h3 { display: block; margin-bottom: 30px; padding: 0; font-weight: bold; line-height: 22px; font-size: 14px }
.shp-open-in-r h3::before, .shp-open-in-r span::before { position: absolute; margin: 0; content: ''; display: inline-block; width: 22px; height: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; border-radius: 22px; background-color: #f5f5f5 }
.shp-open-in-r h3::before { left: 29px }
.shp-open-in-r span::before { left: 23px }
.shp-open-in-r span { display: block; padding: 0 0 0 10px; margin: 0 0 15px 0; line-height: 29px }
.shp-open-in-r span.i-3 { line-height: 18px }
.shp-open-in-r span strong { display: block }
.shp-open-in-r span::before { width: 35px; height: 35px }
.shp-open-in-r span.i-1::before, .shp-open-in-r span.i-2::before, .shp-open-in-r span.i-3::before, .shp-open-in-r span.i-4::before, .shp-open-in-r span.i-5::before, .shp-open-in-r span.i-6::before { content: '1'; font-size: 18px; color: #cccccc; line-height: 35px; font-weight: bold; text-indent: 11px }
.shp-open-in-r span.i-2::before { content: '2' }
.shp-open-in-r span.i-4::before { content: '3' }
.shp-open-in-r span.i-5::before { content: '4' }
.shp-open-in-r span.i-6::before { content: '5' }
.shp-open-in-r span.i-3::before { content: ''; background: url(../images/V2icon.png) 9px -158px no-repeat #f5f5f5 }
.container .right-box { height: auto }
.right-box .step span { margin-left: 8px }
.list-dl .list-body .list-item { padding: 10px; margin: 10px auto; border: 1px solid #ebebeb }
.list-dl .list-body .list-select { border-color: #ccc; -moz-box-shadow: 2px 2px 10px #eee; -webkit-box-shadow: 2px 2px 10px #eee; box-shadow: 2px 2px 10px #eee }
.list li.w35 { width: 35% }
.list li.w30 { width: 30% }
.list li.w45 { width: 43% }
.list li.w15 { width: 17% }
.list li.w10 { width: 10% }
.list li.w20 { width: 20% }
.pressbar-fail, .pressbar-success { position: relative; margin: 0 0 0 15px; display: inline-block; width: 50px; height: 10px }
.pressbar-fail { background-color: #f5f5f5 }
.pressbar-success { background-color: #ff3c3c }
.pressbar-working { position: absolute; display: inline-block; height: 10px; width: auto; background-color: #42c68d }
#pubtaskmain { margin: 36px 0 0 0; background-color: #fff; border: 1px solid #ececec }
.release-progress { padding: 60px 40px 30px 40px; border: none }
.release-progress .step .step-item { border-top: 2px solid #f5f5f5 }
.release-progress .step .step-item .step-icon { display: none }
.release-progress .step .step-num { margin-top: -10px; margin-left: -25px; width: 50px; height: 50px; font-size: 16px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; line-height: 50px; background-color: #f5f5f5 }
.release-progress .step .step-complete .step-icon { position: absolute; top: -9px; left: 270px; display: inline-block; width: 20px; height: 20px; background: url(../images/v5icon.png) 0 -187px no-repeat; z-index: 10 }
.release-progress .step .step-complete .step-num { color: #f5f5f5 }
.release-progress .step .step-current { border-top: 2px solid #ff3c3c }
.release-progress .step .step-current .step-num { background-color: #ff3c3c; color: #ffffff }
.label-radio { padding: 7px 0 0 0; margin: 0 20px 0 0 }
.label-radio input[type="radio"] { margin: 0 5px 0 0; vertical-align: middle }
.txtpit { color: #999 }
.list .list-item-body .first-div { margin: 15px 0 }
.linkQQ { display: inline-block; width: 100%; height: 48px }
.linkQQ img { margin-left: 72px }
.gbtn { display: inline-block; padding: 0 15px; min-width: 60px; height: 32px; line-height: 32px; text-align: center; color: #fff; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #42c68d }
.send-disabled { cursor: default ! important }
